<!-- 20220729 modify by Alan for#100246 : 調整安燈面板排版 -->
<div class="section-content">
    <div class="close-btn" ng-click="togglePanel('operatorInfo',$event);">
        <i class="material-icons close">remove</i>
        <i class="material-icons open">add</i>
        <div class="kmi-can-click"></div>
    </div>
    <div class="info-container">
        <div class="info-panel">
            <!-- 工號 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.employee_no' | translate"></label>
                <label class="value" ng-bind="userInfo.employee_no"></label>
            </div>
            <!-- 今日良品數 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.today_good_qty' | translate"></label>
                <label class="value" ng-bind="userInfo.today_good_qty"></label>
            </div>
        </div>
        <div class="info-panel">
            <!-- 姓名 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.employee_name' | translate"></label>
                <label class="value" ng-bind="userInfo.employee_name"></label>
                <div class="shift" ng-hide="userInfo.shift_desc == ''" ng-bind="userInfo.shift_desc"></div>
            </div>
            <!-- 今日不良數 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.total_defect_qty' | translate"></label>
                <label class="value" ng-bind="userInfo.total_defect_qty"></label>
            </div>
        </div>
        <div class="info-panel">
            <!-- 今日已生產量 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.today_produce_qty' | translate"></label>
                <label class="value" style="flex:inherit;" ng-bind="userInfo.today_produce_qty"></label>
                <i class="material-icons" mdl-toast="{{'dashboard.operatorInfo.today_produce_qty_desc'|translate}}">&#xE88E;</i>
            </div>
            <!-- 今日良率 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.good_rate' | translate"></label>
                <label class="value" ng-bind="userInfo.good_rate+ '%'"></label>
            </div>
        </div>
        <div class="info-panel">
            <!-- 登入時間 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.loginTime' | translate"></label>
                <label class="value" ng-bind="loginTime | date:'yyyy-MM-dd HH:mm:ss'" style="flex: 0 0 215px;"></label>
            </div>
            <!-- 開始時間 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.startDate' | translate"></label>
                <label class="value" ng-bind="userInfo.start_date" style="flex: 0 0 215px;"></label>
            </div>
        </div>
        <div class="info-panel">
            <!-- 登入總時 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.loginMin' | translate"></label>
                <label class="value" ng-bind="(loginMin) + ' min'" style="flex: 0 0 215px;"></label>
            </div>
            <!-- 結束時間 -->
            <div class="kmi-text-fields" >
                <label class="label" ng-bind="'dashboard.operatorInfo.endDate' | translate"></label>
                <label class="value" ng-bind="userInfo.end_date" style="flex: 0 0 215px;"></label>
            </div>
        </div>
    </div>
</div>
